body {
    font-size: 16px;
    padding-top: 1.06rem;
    background-color: #f1f1f1;
}
// 顶部通栏与搜索框
header{
    // height: 1.06rem;
    // background-color: pink;
    // box-sizing: border-box;
    .container-fluid {
        padding: 0;
        // 顶部栏
        .toplan {
            // width: 100%;
            background-color: #ff841d;
            height: .5rem;
            
            a:nth-child(1) {
                display: inline-block;
                    width: 1.88rem;
                    height: .24rem;
                    padding: .09rem 0 .11rem  .1rem;
                img {
                    width: 100%;
                }
            }
            a:nth-child(2){
                display: inline-block;
                width: 0.35rem;
                height: 0.35rem;
                float: right;
                padding: .04rem .05rem .06rem 0;
            }
            
        }
        // 搜索框
        .search {
            width: 100%;
            height: .56rem;
            background-color: #f1f1f1;
            .left_search {
                float: left;
                input{
                margin-top: .07rem;
                margin-left: .1rem;
                padding-left: .2rem;
                width: 2.86rem;
                height: 0.3rem;
                background-color: #ccc;
                font-size: .15rem;
                border-radius: .3rem;
                outline: none;
                border: 0;
                }
            }
            // 右侧搜索按钮
            .right_btn {
                float: right;
                width: 0.75rem;
                margin-top: .075rem;
                .btn {
               
                    background-color: #ff841d;
                   width: 0.62rem;
                   height: 0.29rem;
                
                   color: #fff !important;
                   text-align: center;
                   line-height: .29rem;
                    border-radius: .15rem;
                   font-size: .17rem;
                   padding: 0;
                } 
            }
        }
    }
}


// 导航栏
nav {
    background-color: #fff;
    ul {
        padding: 0 .045rem .05rem;
        display: flex;
        flex-wrap: wrap;
        li {
            height: .84rem;
            width: 25%;

            a {
                display: block;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                padding-top: .17rem;
                text-decoration: none !important;

                img {
                    width: .5rem;
                    height: .5rem;
                }
                span {
                    margin-top: .05rem;
                    line-height: 1;
                    font-size: .12rem;
                    color: #000;
                }
            }
            &:nth-last-child(-n+4){
                display: none;
            }
        }
       

    }
    
   
}


//超值导购
.supervalue {
    // 超值导购推荐
    padding-bottom: 1.4rem;
    .title {
        width: 100%;
        height: .35rem;
        background-color: #ffa229;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 .07rem;
        color:#fff;
        font-size: .16rem;
        a {
            width: .2rem;
            height: .2rem;
            color: #fff;
            text-align: center;
            line-height: .2rem;
            border: 1px solid #fff;
            border-radius: 50%;
        }
    }
    // 折扣商品列表
    .content {
        ul {
            li {
                height: 1.2rem;
                // background-color: aqua;
                border-top:1px solid #ccc;
                border-bottom:1px solid #ccc; 
                a {
                    height: 100%;
                    display: block;
                   display: flex;
                    .left {
                        flex: 1;
                        // height: 100%;
                        // background-color: pink;
                        display: flex;
                        align-items: center;
                        .photo {
                            width: .85rem;
                            height: 1.02rem;
                            margin: 0 auto;
                            // line-height: 1;
                        }
                    }

                    .right {
                        flex: 3;
                        position: relative;
                        // background-color: purple;
                        .commoditytitle {
                            display: block;
                            margin-top: .15rem;
                            color:#000;
                            font-size: .15rem;
                            em {
                                color: #ff6c00;
                                font-style: normal;
                            }
                        }
                        .depict {
                            position: absolute;
                            width: 100%;
                            left: 0;
                            bottom: .27rem;
                            display: flex;
                            color: #a6a6a6;
                            justify-content: space-between;
                            padding-right: .07rem;
                            font-size: .13rem;
                            .second {
                                position: relative;
                                .fontstyle {
                                    // margin-top:5px;
                                   position: absolute;
                                   right: .9rem;
                                   top:.04rem;
                                }
                            }
                        }
                    } 
                }
                
            }
        }
    }
    // 更多优惠信息
    .moreMessage {
        margin-bottom: .10rem;
        // background-color: pink;
        a {
            width: 3.55rem;
            display: block;
            height: .32rem;
            background-color: #fafafa;
            margin: 0 auto;
            text-align: center;
            line-height: .32rem;
            font-size: .14rem;
            color: #000;
            border-radius: .06rem;
            box-shadow: .01rem .01rem .03rem .03rem #ccc;
        }
    }
}

// 尾部
footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #f1f1f1;
    // 品牌排行
    .title {
        width: 100%;
        height: .35rem;
        background-color: #ffa229;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 .07rem;
        color: #fff;
        font-size: .16rem;

        a {
            width: .2rem;
            height: .2rem;
            color: #fff;
            text-align: center;
            line-height: .2rem;
            border: 1px solid #fff;
            border-radius: 50%;
        }
    }

    .lorere {
        background-color: #fff;
        margin-top: .24rem;
        height: .3rem;
        display: flex;
        span{
            flex: 1;
            height: 100%;
            line-height: .3rem;
            text-align: center;
            font-size:.15rem;
            color: #000;
            border: 1px solid #ccc;
           a {
               display: block;
               height: 100%;
           }
        }   
    }

    .endMessage {
        margin-top: .15rem;
       text-align: center;
       color: #000;
       font-size: .11rem;
       em {
           font-style: normal;
       }
       em:nth-child(1){
           color: red;
       }
       em:nth-child(2){
           color: #ccc;
       }
    }
    .url {
        text-align: center;
        color: #666;
        margin-bottom: .05rem;
    }
}
    
